
    /* Large desktops and laptops */
@media (min-width: 1200px) {
    .appointment-index #location,.appointment-index #doctors,#newAppointment,.other-header-field{margin-top:20px}
    #newAppointment,.other-header-field{float:right;}
    .apptIndexDropDown{margin-left:15px;}
    .newAppointment {margin-left:5px;}
    .sendNotificationApptIndex {margin-right: -15px;}
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .appointment-index #location,.appointment-index #doctors,#newAppointment,.other-header-field{margin-top:20px}
    #newAppointment,.other-header-field{float:right;}
    .apptIndexDropDown{margin-left:15px;}
    .newAppointment {margin-left:5px;}
    .sendNotificationApptIndex {
        margin-right: -15px;
    }
    h1, .h1 {
font-size: 25px;
}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .appointment-index #location,.appointment-index #doctors,#newAppointment,.other-header-field{margin-top:20px}
    #newAppointment,.other-header-field{float:right;}
    .newAppointment {margin-left:5px;}
    .sendNotificationApptIndex {
        margin-right: -15px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .appointment-index #location,.appointment-index #doctors{margin-top:3px}
    h1,h2{font-size:1.5em}
    #doctorName{display:block;}
    .responsive-calendar .day a{padding-top:40%!important;}
    .badge{color:rgb(124, 125, 232);background-color:transparent;}
    .appointment-detail > .page-heading{text-align:center;}
    .follow-up{margin:5% 0;padding-left:0;}
    .menu img {width: 100%;}
    .menu {width: 39%;}
    .logo h1, .logo h3{font-size:1em;}
    .header-top{padding-top: 1em;}
    .sendNotification{margin-top:5px;}
    .sendNotificationApptIndex {
        margin-top: 5px;
        float:right;
    }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    .appointment-index #location,.appointment-index #doctors{margin-top:3px}
    h1,h2{font-size:1.5em}
    #doctorName{display:block;}
    .responsive-calendar .day a{padding-top:40%!important;}
    .badge{color:rgb(124, 125, 232);background-color:transparent;}
    .follow-up{margin:5% 0;padding-left:0;}
    .menu img {width: 100%;}
    .menu {width: 39%;}
    .logo h1, .logo h3{font-size:1em;}
    .header-top{padding-top: 1em;}
    ul.banner_btn li {margin: 0 0 20px 8px;}
    .sendNotification{margin-top:5px;}
    .sendNotificationApptIndex {
        margin-top: 5px;
        float:right;
    }
}